<template>
  <div class="city-header">
    <router-link :to="{name: 'home'}" class="back-link">
      <i class="iconfont">&#xe61e;</i>
    </router-link>
    <span class="title">城市选择</span>
  </div>
</template>
<script>
export default {
  name: 'cityHeader'
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/styles/variables'
.city-header
  width 100%
  background $bgColor
  color #eee
  display flex
  justify-content center
  height 60px
  line-height 60px
  .back-link
    position absolute
    top 8px
    left 10px
    .iconfont
      color #eee
      font-size 20px
  .title
    font-size 20px
</style>
